import { createApp } from 'vue';
import routerClient from "@/src-client/router";
import routerManager from '@/src-manager/router';

import Echarts from "vue-echarts"
import * as echarts from "echarts"
 

import { createPinia } from 'pinia';
import Elmentplus from 'element-plus';
import 'element-plus/dist/index.css';

// 封装异步加载函数
async function loadApp() {
  const isManager = window.location.pathname.startsWith('/manager'); // 判断是否为管理端
  const App = isManager 
    ? await import('./src-manager/App.vue') // 管理端的 App.vue
    : await import('./src-client/App.vue'); // 客户端的 App.vue

  // 创建 Pinia 实例
  const pinia = createPinia();
  const app = createApp(App.default); // App.default 用于访问导出的默认组件

  // 使用 Element Plus 和 Pinia

  app.use(Elmentplus)
  app.use(pinia);

  
  app.component("v-chart", Echarts)
  app.config.globalProperties.$echarts = echarts
  
  if(isManager){

     app.use(routerManager)
  }else{
     app.use(routerClient);
  }
  // 挂载到 DOM
  app.mount('#app');
}

// 执行加载函数
loadApp();
